<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
  <title>Stencil Component Starter</title>
  <style>
    html {
      font-size: 125%;
    }
    ji-button{
      margin-bottom: 10px;
    }
  </style>

  <script type="module" src="/build/jinnee.esm.js"></script>
  <script nomodule src="/build/jinnee.js"></script>
</head>

<body>
  <ji-progress></ji-progress>
  <div>
    <ji-app-door></ji-app-door>
  </div>
  <ji-panel titles="线条按钮">
    <ji-button>按钮</ji-button>
    <ji-button type="primary" outline>按钮</ji-button>
    <ji-button type="primary" shape="conner">按钮</ji-button>
    <ji-button type="primary" shape="rounder">按钮</ji-button>
    <ji-button type="danger" outline>按钮</ji-button>
    <ji-button type="danger" shape="conner" outline>按钮</ji-button>
    <ji-button type="danger" shape="rounder" outline>按钮</ji-button>
  </ji-panel>

</body>

</html>